<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>基于Three.js</title>


    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-slider.css" />

</head>

<body>
    <!-- <div style="text-align:center;clear:both;">

        <script src="/follow.js" type="text/javascript"></script>

    </div> -->
    <script src="./build/camera-controls.js"></script>
    <script src="./libs/jquery.min.js"></script>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="./css/bootstrap-table.min.css">

    <!-- Latest compiled and minified JavaScript -->
    <script src="./libs/bootstrap-table.min.js"></script>
    <!-- Latest compiled and minified Locales -->
    <script src="./libs/bootstrap-table-zh-CN.min.js"></script>
    <!-- <script src="./libs/jquery.min.js"></script> -->
    <script src="./libs/jquery.pietimer.min.js"></script>
    <script src="./libs/jquery.magnific-popup.js"></script>
 
    <script src="./libs/bootstrap.min.js"></script>
    <script src="./libs/bootstrap-slider.js"></script>
    <div id="counter">
    
    </div>
    <div id='cavas'>
    <div id="ibv-timeplayer">
        <input
          id="ibv-timeplayer-slider"
          data-slider-id="ex1Slider"
          type="text"
        />
        <div id="ibv-timeplayer-controller">
          <div id="ibv-timeplayer-play"></div>
          <div id="ibv-timeplayer-speeddown"></div>
          <div id="ibv-timeplayer-speedtext">x1</div>
          <div id="ibv-timeplayer-speedup"></div>
          <div id="ibv-timeplayer-timer"></div>
        </div>
      </div>
    </div>
    <div id="controlls">


    </div>
    <div id="tableWrapper">
        <table id="table">
            <thead>
            <tr>
                <th data-field="mxxh">mxxh</th>
                <th data-field="warehouseid">warehouseid</th>
                <th data-field="stepid">stepid</th>
                <th data-field="pureid">pureid</th>
                <th data-field="microstep_time">microstep_time</th>
                <th data-field="yx_x">yx_x</th>
                <th data-field="yx_y">yx_y</th>
                <th data-field="zs_x">zs_x</th>
                <th data-field="zs_y">zs_y</th>
                <th data-field="zx_x">zx_x</th>
                <th data-field="zx_y">zx_y</th>
                <th data-field="scraperID">scraperID</th>
                
            </tr>
            </thead>
        </table>
    </div>
    <!-- <div id="end">
        <div>
            <button id="forward">↑</button>
            <button id="left">←</button>
            <button id="backward">↓</button>
            <button id="right">→</button>
        </div>
        <button id="retry">Retry</button>
    </div> -->
    <!-- <script src='js/three.min.js'></script> -->

    <script type="module" src="js/yuka.module.js"></script>


    <script type="module" src="js/index.js"></script>
 
    <script>

</script>


</body>

</html>